<template>
  <!-- 进度条组件 -->
  <div class="progress-main progress-main-xuan">
    <div v-for="(item,index) in progressList" :key="item.name" class="area-table-item-list">
      <div class="item-1" :class="'top' + index">
        <span>{{ index + 1 }}</span>
        <el-tooltip :content="item.name">
          <span>{{ item.name }}</span>
        </el-tooltip>
      </div>
      <div class="item-2">
        <el-progress
          class="app-progress progress-main-blue"
          :class="'progress-top' + index"
          :percentage="getProgress(item.value)"
          :stroke-width="15"
          :show-text="false"
        />
      </div>
      <div class="item-2-list" :class="'top' + index">{{ item.value }}/{{ count }}</div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'ProgressList',
  props: {
    serchData: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      count: 0,
      progressList: []
    }
  }
}
</script>
